<template>
    <div class="goods">
        <goods-list-item v-for="item in goods" :goods-item='item'></goods-list-item>
    </div>
</template>



<script>
import GoodsListItem from 'components/content/goods/GoodsListItem'

export default {
    name:'GoodsList',
    components:{
        GoodsListItem
    },
    props:{
        goods:{
            type:Array,
            default(){
                return []
            }
        }
    },
}
</script>



<style scoped>
    .goods {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
</style>